<template>
    <div class="news-content">
        <div class="banner">
            <img src="/images/solution/bc.jpg" alt="">
            <div class="banner-title">专注生产线装备制造</div>
            <div class="sub-title">“汽车工艺装备制造”整体解决方案专家</div>
        </div>



    </div>
</template>

<script setup lang='ts'>
import { reactive } from 'vue';




</script>

<style scoped lang='scss'>
.news-content {
    width: 100%;
    box-sizing: border-box;

    .banner {
        width: 100%;
        height: 378px;
        position: relative;
        box-sizing: border-box;
        padding: 130px 18%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .banner-title {
            font-size: 46px;
            color: #fff;
        }

        .sub-title {
            font-size: 24px;
            color: #fff;
        }

        img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }
    }



}
</style>